<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>sidebar.scss</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            sidebar.scss
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/ems_app/common/sidebar.scss
                
            </li>
            <li>Last modified: 2017-02-22 17:27:55 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>@charset “utf-8”;</p>

<pre><code>CSS Document
</code></pre>

<p>@media screen and (max-width: 1560px) {</p>

<pre><code>.sidemenu{
              display: none;
      }</code></pre>

<p>}</p>

<p>@media screen and (min-width: 1560px){</p>

<pre><code>.sidemenu{
        display: block;
}</code></pre>

<p>} .sidemenu {</p>

<pre><code>      position: fixed;
      left: 0px;
      height: 960px;
      z-index:6;
      width:192px;
      overflow:hidden;
      letter-spacing:0.1em;
      top:55px;

.first_menu{

      min-width:48px;
      max-width:68px;
      float:left;

  .menu{

    list-style-type: none;
      padding: 0;
      margin: 0;
      left: 0;
      border: 1px solid #fff;
      border-width: 0 1px 1px;
      z-index: 2;
      background:#caccd1;
      height:960px;
      padding-top:25px;

    li {
      float: left;
      position: relative;
      width:100%;
      height:65px;
      text-align:center;

      &amp;:hover{

        color: #878686;
              background:#f2f2f2;

        a {

          i{
              color:#292929;
              line-height:65px;
              font-size:27px;
          }
        }
      }

      &amp;.hover{

        color: #878686;
              background: #f2f2f2;

        a {

          i{
              color:#292929;
              line-height:55px;
              font-size:27px;
          }
        }
      }

      a{

        display: block;
              color: #4f4e4e;
              font-size: 14px;
              height:55px;
              line-height: 55px;
              text-decoration: none;
              cursor: pointer;
              font-weight: bold;
              padding:0px;
        width:100%;
              text-align:center;

        i{

          font-size:18px;
              color:#7e7d7d;
              line-height:55px;

        }

      }
    }
  }
}

.sec_menu{

  width:123px;

  .menulist{

    min-height: 960px;
    border-right:1px solid #d7d6d6;

    h4{

      background:#f2f2f2;
      margin:0px;
      padding:35px 0px 70px 0px;
      text-align:center;
      line-height:35px;
      font-weight:100;
      font-size:18px;
    }

    ul.second_menu{
      background:#f2f2f2;
      height:960px;
      position:relative;

      li{
        display: block;
        line-height: 35px;
        text-decoration: none;
        cursor: pointer;
        text-align:left;
        width:120px;

        &amp;:hover{

          background:#fff;

          a{
              background:#fff;
            border-bottom:0px;
          }
        }

        &amp;.hover{

          background:#fff;
              margin:0px;
              padding:1px;
              border-right:none;

          a{

            border-bottom:0px;
          }
        }

        a{

          display: block;
          color: #4f4e4e;
          font-size: 14px;
          line-height: 35px;
          cursor: pointer;
          text-align:left;
          border-bottom:1px solid #e5e5e5;
          box-shadow: 0px 1px 1px #ffffff;
          margin:0px 10px;
          padding:5px 20px;
          white-space: nowrap;

        }
      }
    }
  }
}</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
